<template>
	<section class="el_tab">
		<el-tabs v-model="activeName2" type="border-card" style="margin-top: 20px;">
				    <el-tab-pane label="返回接口" name="first">
				    	<el-form-item label="请求参数"></el-form-item>
						
						<el-table
							:data="backJieKouTableData"
							style="width: 100%;"
						>
						
						<el-table-column
						       	align="center"
						       	label="参数名"
						       	>
						      <template slot-scope="scope">
						      	<el-select v-model="scope.row.canshuName" placeholder="请选择" style="width: 140px;">
									    <el-option label="姓名" value="0"></el-option>
								</el-select>
						      </template>
						</el-table-column>	
						
						<el-table-column
						       	align="center"
						       	label="校验规则"
						       	>
						      <template slot-scope="scope">
						      		<el-select v-model="scope.row.checkRule" placeholder="请选择" style="width: 140px;">
									    <el-option label="包含" value="0"></el-option>
									    <el-option label="大于" value="1"></el-option>
									    <el-option label="等于" value="2"></el-option>
									    <el-option label="小于" value="3"></el-option>
									</el-select>
						      </template>
						</el-table-column>	
										 		
						<el-table-column
						       	align="center"
						       	label="是否必填"
						       	>
						      <template slot-scope="scope">
						      		<el-switch  v-model="scope.row.ishas"></el-switch>
						      </template>
						       </el-table-column>
						       
						       <el-table-column
						       	align="center"
						       	label="是否校验"
						       	>
						      <template slot-scope="scope">
						      		<el-switch  v-model="scope.row.ischeck"></el-switch>
						      </template>
						       </el-table-column>
						       
						       <el-table-column
						       	align="center"
						       	label=""
						       	>
						      <template slot-scope="scope">
						      	<i class="el-icon-delete"></i>
						      </template>
						       </el-table-column>				 		
						</el-table>
					
						<el-form-item label="返回数据">
							<el-checkbox-group v-model="wenjianForm.backData">
							     <el-checkbox-button class="box_checkbox" v-for="(item,index) in backData" :label="item.label" :key="item.name">{{item.label}}</el-checkbox-button>
							</el-checkbox-group>
						</el-form-item>
					
				    </el-tab-pane>
				    
				    <!--*********-->
				    <el-tab-pane label="返回文件" name="second">
				    	
				    	<el-form-item label="请求参数"></el-form-item>
				    	
						<el-table
							:data="backJieKouTableData"
							style="width: 100%;"
						>
						<el-table-column
						       	align="center"
						       	label="参数名"
						       	>
						      <template slot-scope="scope">
						      	<el-select v-model="scope.row.canshuName" placeholder="请选择" style="width: 140px;">
									    <el-option label="姓名" value="0"></el-option>
								</el-select>
						      </template>
						</el-table-column>	
						
						<el-table-column
						       	align="center"
						       	label="校验规则"
						       	>
						      <template slot-scope="scope">
						      		<el-select v-model="scope.row.checkRule" placeholder="请选择" style="width: 140px;">
									    <el-option label="包含" value="0"></el-option>
									    <el-option label="大于" value="1"></el-option>
									    <el-option label="等于" value="2"></el-option>
									    <el-option label="小于" value="3"></el-option>
									</el-select>
						      </template>
						</el-table-column>	
										 		
						<el-table-column
						       	align="center"
						       	label="是否必填"
						       	>
						      <template slot-scope="scope">
						      		<el-switch  v-model="scope.row.ishas"></el-switch>
						      </template>
						       </el-table-column>
						       
						       <el-table-column
						       	align="center"
						       	label="是否校验"
						       	>
						      <template slot-scope="scope">
						      		<el-switch  v-model="scope.row.ischeck"></el-switch>
						      </template>
						       </el-table-column>
						       
						       <el-table-column
						       	align="center"
						       	label=""
						       	>
						      <template slot-scope="scope">
						      	<i class="el-icon-delete"></i>
						      </template>
						       </el-table-column>				 		
						</el-table>
				    	
						  <el-form-item label="请求方式">
							 <el-checkbox-group v-model="wenjianForm.requestType">
							     <el-checkbox class="box_checkbox" label="按文件名称" ></el-checkbox>
							     <el-checkbox class="box_checkbox" label="按时间增量" ></el-checkbox>
							</el-checkbox-group>
						  </el-form-item>
				    	
				    	
				    	 <el-form-item label="返回文件地址 ">
							<el-radio-group v-model="wenjianForm.backAdress">
							     <el-radio class="box_checkbox" label="1" >通用地址</el-radio>
							     <el-radio class="box_checkbox" label="2" >请求参数指定地址</el-radio>
							</el-radio-group>
							<el-input v-model="wenjianForm.backAdressInput" placeholder="请输入文件返回的地址,格式:192.10.10.1/documnet/"></el-input>
						  </el-form-item>
				    	
				    </el-tab-pane>
				</el-tabs>
	</section> 
	
</template>

<script>
	export default{
		data(){
			return {
				activeName2:'first',
				wenjianForm:{
					backData:[],
					requestType:'',
					backAdress:'',
					backAdressInput:'',
				},
				backJieKouTableData:[/*返回接口的表格*/
          			{
          				canshuName:"",
          				checkRule:'',
          				isHas:'',
          				isCheck:'',
          			}
          		],
          		backData:[
          			{
          				label:'姓名',
          				name:'dd'
          			},
          			{
          				label:'性别',
          				name:'2'
          			},
          			{
          				label:'地址',
          				name:'d1d'
          			}
          		],
			}
		}
	}
</script>

<style  scoped="scoped">
	
	div#tab-first{
		 text-align: right;
	     padding-right: unset; 
	     margin-left: unset; 
	}
</style>